<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:th="http://www.thymeleaf.org"
	xmlns:sec="http://www.thymeleaf.org/thymeleaf-extras-springsecurity3">
<title>百度路书</title>
<head th:include="layout/head :: lushu"></head>
<body class="layui-layout-body">
	<div class="layui-layout layui-layout-admin">
		<div th:include="layout/header :: header" class="layui-header"></div>
		<div th:include="layout/side :: side"
			class="layui-side layui-bg-black"></div>
		<div class="layui-body">
			<div class="demoTable" style="padding: 15px;">
				起点位置：
				<div class="layui-inline">
					<input class="layui-input" name="stPosition" id="stPosition" autocomplete="off" placeholder="默认起始位置为天安门"/>
				</div>
				<div id="searchResultPanel" class="layui-input-block" style="border:1px solid #C0C0C0;width:150px;height:auto; display:none;z-index:2;"></div>
				终点位置：
				<div class="layui-inline">
					<input class="layui-input" name="endPosition" id="endPosition" autocomplete="off" placeholder="默认起始位置为天坛公园" />
				</div>
				
				行车速度：
				<div class="layui-inline">
					<input class="layui-input" name="endPosition" id="carSpeed" autocomplete="off" placeholder="默认是450(单位:米/秒)" />
				</div>
				
				<button class="layui-btn" onclick="searchData()">
					<i class="layui-icon">&#xe615;</i>搜索
				</button>
				
				路线距离：
				<div class="layui-inline">
					<input class="layui-input" name="routeDistance" id="routeDistance" autocomplete="off" placeholder="默认为空(单位:公里)" />
				</div>
				
			</div>
			<div id="map_canvas" style="height: 82%"></div>
			<div id="result" style="float: right; position: absolute; left: 700px; top: 0;"></div>
			<button id="run" class="layui-btn">运行</button>
			<button id="stop" class="layui-btn">停止</button>
			<button id="pause" class="layui-btn">暂停</button>
			<button id="hide" class="layui-btn">隐藏信息窗口</button>
			<button id="show" class="layui-btn">展示信息窗口</button>
			
			行车耗时：
			<div class="layui-inline">
				<input class="layui-input" name="routeTime" id="routeTime" autocomplete="off" placeholder="按照当前车速计算" />
			</div>
			
			<div th:include="layout/footer :: footer" class="layui-footer" style="height: 5%;"></div>
		</div>
	</div>
	<script src="/js/myModule/lushu.js"></script>
</body>
</html>